@import '~@/assets/global.less';

.main-bt {
	color: #fff;display:inline-block;font-weight:700;text-align: center;font-size: 16px;
	background: @blue;padding: 13px 20px;border-radius: 50px;
}

/*公开信息*/
.public_infomation {
	width: 90%;font-size:14px;margin:1vw auto 0px;border-radius:1rem;box-sizing: border-box;
	padding:2vw 4vw;background-color: #fff;box-shadow: 5px 5px 30px rgba(53,63,77,0.2);transition:  all 0.5s;
	&:hover{box-shadow: 0px 0px 50px rgba(0,0,0,0.6);}
	.wrap{display: flex;align-items: center;justify-content: space-between;}
	a{color:@blue;}
	.box{
		font-size:16px;
		.item{font-size:16px;font-weight: 700}
		.data{font-size:22px;font-weight: 700;color:#7f8eab;margin-top: 10px;}
		.row1{margin-top:1vw;}
	}
	.box2 {
		//a{color: #2649ff;font-size: 14px;background: transparent;padding: 1px 1px;border-radius: 50px;}
	}
	.tip-row{
		font-size: 16px;margin-top: 20px;padding:0px 10px;
		display:flex;align-items: center;justify-content: center;
	}
}
/*公告块*/
.affiche{
	.pub-info-title{font-size: 18px;fwbpadding:0px 10px;color:#535353;}
	.af-row {}
	.af-row:before {content:"●"}
}


/*矿池类型tab*/
.pool-tab {
	margin-top: 30px;

	.pool-tab-wrap{
		width:100%;max-width: 320px;margin:0px auto;background:#fff;border-radius:40px;
		display:flex;align-items: center;justify-content:center;
	}
	span{
		font-size: 18px;font-weight: bold;padding:10px 0px;flex:1;text-align: center;
		cursor: pointer;border-radius:40px;transition: all 0.2s;
	}
	span.active{color:#fff;background: @blue;box-shadow: 0px 0px 20px rgba(0,0,0,0.2)}
}


/****************************************** 首页数据块2******************************************/
.data-block2 {
	margin-top: 3vw;display:flex;flex-wrap: wrap;justify-content: flex-start;
	.item-hot {box-shadow: 0px 0px 18px rgba(0, 60, 200, 0.9) !important}
	.item{
		width: calc((100% - 60px)/3);background: #fff;box-shadow: 0px 0px 40px rgba(116, 137, 165, 0.2);
		border-radius: 15px;
		margin: 10px 20px 20px 0;padding: 30px 20px 30px;position: relative;overflow: hidden;box-sizing: border-box;
		//数据头
		.pool-header{
			text-align: center;
			.icon{height:80px;}
			.icon2{margin-left:-20px;opacity: 0.8}
			.header-right{
				.title{font-size:24px;color:#353535;font-weight: 700}
				.tip{font-size:14px; color:#999;}
				.tip b{color:#f50}
			}
		}

		.total{
			color:#333;font-size: 14px;display:flex;justify-content: space-between;
			.t-num{}
			.apy{color: #f60}
		}


		//底部操作部分
		.bottomFix{
			width: calc(100% - 0px);text-align: center;
			a.type-link {color: #f60;text-align: center;;}
			.create_btn.disabled {opacity: 0.3!important;}
		}
		//簡略數據
		.easy-data {
			display:flex;align-items: center;justify-content: space-between;
			.cell{
				text-align: center;flex:1;
				.title{color:#999;}
				.data{color:@blue;font-size:20px;font-weight: bold;margin-top: 10px;}
			}
		}
		//倒计时
		.dateTime{
			font-size:12px;font-weight: 500;
			color:#fff;width:200px;padding:45px 0px 10px;position: absolute;top:-25px;left:-82px;text-align: center;
			transform:rotate(-45deg);-webkit-transform:rotate(-45deg);
			box-shadow: 4px 4px 10px rgba(0,0,0,0.1);
			background:#e00 linear-gradient(to top,rgba(255,255,255,0.2) 00%,rgba(255,255,255,0.5) 70%);
		}
		.bgblue{background-color: #2649ff }

		.earn-rate{
			color:#fff;font-size:16px;font-weight: bold;
			background:url('~@/assets/hot1.png') no-repeat center bottom;background-size: contain;
			padding:30px 15px 15px ;position: absolute;top:10px;right:10px;text-align: center;
		}
	}

}


/*******************************************操作窗口的内容******************************************/
.lock_and_collect {
	.curData {
		background: hsla(0,0%,66.7%,.2);border-radius: 10px;height: 50px;line-height: 50px;
		font-size: 14px;color: #666;letter-spacing: 0;padding: 0 16px;display: flex;justify-content: space-between;
	}
	.tip {
		align-items: baseline;font-size: 14px;letter-spacing: 0;margin-top: 0px;display: flex;
		justify-content: space-between;margin-bottom: 6px;
	}
	.stakeAll {
		font-weight: bold;padding:5px 10px ;
		background: #06e;border-radius: 10px;font-size: 10px;transform-origin: right;color: #fff;
		letter-spacing: 0;text-align: center;cursor: pointer;
	}
	.stakeInput {
		width: 100%;height: 50px;line-height: 50px;margin-top: 0;padding: 0 16px;border: 2px solid #06e;
		border-radius: 10px;position: relative;display: inline-flex;justify-content: space-between;
		.ant-input {border:none;width:200px}
	}
	.max-opera-num {margin-top: 10px;color: #999;letter-spacing: 0;text-align: left;}
}
.stakeInput.disabled,.lock_and_collect .stakeInput.disabled input{
	background:#f5f5f5;
}

/*单独的收获容器*/
.collect-wrap{
	.title{font-size:36px;font-weight: bolder}
	.tip{font-size:14px;font-weight: 500;opacity: 0.8;margin: 0px!important;text-align: center!important;display:block;}
	.main-bt{font-size: 16px !important;font-weight: 700;width: 70%!important}
}


/*收获容器的tab*/
.tab-Content {
	margin-top: -10px;
	.tabs {
		display:flex;align-items: center;justify-content: center;
		b{
			font-size:16px;color:#999;width:100px;height: 50px;line-height: 50px;border-bottom: 2px solid #fff;
			text-align: center;cursor: pointer;transition: all .3s;
			&.active{color:#06e;border-bottom: 2px solid #06e;background-color:#f2f7ff}
		}
	}
	.content {
		min-height:180px;padding-top:20px;
		.page{display:none;}
		.active{display:block!important;}
	}
}


/************************************适应小屏********************************************/
/************************************适应小屏********************************************/
/************************************适应小屏********************************************/
@media screen and (max-width: @MINSCREEN){
  /*公开信息*/
	.public_infomation {
		width: 100%;margin:10px auto 0px;padding:10px 0px 20px;display:block;background-color:#fff;box-shadow: 0px 0px 0px #fff;
		border-radius:10px;overflow: hidden;
		&:hover{box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
		.wrap {display:block;}
		.box{
			background-color:#fff;border-radius:0px;padding:10px 20px;border-bottom:1px solid #ddd;
			.item{color:#666;font-size:16px;text-align: center}
			.data{color:#5e8ff6;font-size:24px;margin-top: 5px;text-align: center}
		}
		.copyAddr{font-size:13px;padding:10px 20px;display:block;margin-top: px;}
		.tip-row{font-size: 13px;display:block;margin-top: 10px;text-align: center;}
	}
	
	/*公告块*/
	.affiche{
		padding:10px 20px 0px;
		.af-row {margin-top: 10px;}
	}


  /*矿池类型tab*/
  .pool-tab {
	  margin-top: 20px;
	  .pool-tab-wrap{
		  width:100%;max-width: 100%;margin:0px auto;background:#fff;border-radius:40px;
		  display:flex;align-items: center;justify-content:center;
	  }
	  span{
		  font-size: 14px;font-weight: bold;padding:10px 0px;flex:1;text-align: center;cursor: pointer;border-radius:40px;
		  transition: all 0.5s;
		  &.active{color:#fff;background:@blue;box-shadow: 0px 0px 20px rgba(0,0,0,0.2)}
	  }
  }


  /* 首页数据块2*/
  .data-block2 {
	  margin-top: 10px;
	  .item{
		  width: 100%;padding: 35px 20px 20px;border-radius: 15px;margin-right:0px;position: relative;height: auto;
		  .bottomFix{position: relative;left:0px;bottom:0px;width: calc(100% - 0px);}
		  .bottomFix a.type-link {}
	  }
  }


  /*操作窗口的数据*/
  .lock_and_collect{
	  .max-opera-num {font-size:14px !important;}
	  .stakePopTitle {font-size:14px !important;}
	  .stakeInput .ant-input {border:none;width:150px}/*由于他妈不知为为什么flex不能用在input元素上，所以设定*/
  }

  /*单独的收获容器*/
  .collect-wrap{
	  .title{margin-top: 10px;}
	  .tip{margin-top: 0px;}
	  .main-bt{margin-top: 10px;}
  }
}